<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../base/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<ssm:overwrite name="style">
<link rel="stylesheet" href="${STATIC}/css/colorbox.css" />
</ssm:overwrite>
<ssm:overwrite name="context">
	
	<div class="row-fluid">
									<ul class="ace-thumbnails">
									<c:forEach items="${LIST}" var="item">
										<li>
											<a href="${item.savepath}" data-rel="colorbox">
												<img alt="150x150" src="${item.showpath}" />
												<div class="text">
													<div class="inner">${item.name}</div>
												</div>
											</a>

											<div class="tools tools-bottom">
												<a href="#">
													<i class="icon-link"></i>
												</a>

												<a href="#">
													<i class="icon-paper-clip"></i>
												</a>

												<a href="<c:url value="/file/edit?id=${item.id}"/>">
													<i class="icon-pencil"></i>
												</a>

												<a href="#">
													<i class="icon-remove red"></i>
												</a>
											</div>
										</li>
										</c:forEach>
									</ul>
								</div>
	
	

</ssm:overwrite>
<ssm:overwrite name="script">
<script src="${STATIC}/js/jquery.colorbox-min.js"></script>

<script type="text/javascript">
			jQuery(function($) {
	var colorbox_params = {
		reposition:true,
		scalePhotos:true,
		scrolling:false,
		previous:'<i class="icon-arrow-left"></i>',
		next:'<i class="icon-arrow-right"></i>',
		close:'&times;',
		current:'{current} of {total}',
		maxWidth:'100%',
		maxHeight:'100%',
		onOpen:function(){
			document.body.style.overflow = 'hidden';
		},
		onClosed:function(){
			document.body.style.overflow = 'auto';
		},
		onComplete:function(){
			$.colorbox.resize();
		}
	};

	$('.ace-thumbnails [data-rel="colorbox"]').colorbox(colorbox_params);
	$("#cboxLoadingGraphic").append("<i class='icon-spinner orange'></i>");//let's add a custom loading icon
})
		</script>

</ssm:overwrite>
<jsp:include page="../base/base.jsp"></jsp:include>